<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>720详情页面</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="./styles/common.css">
    <link rel="stylesheet" href="./styles/index.css?v=1.01">
    <link rel="stylesheet" href="./styles/animate.min.css">

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js?v=1"></script>

</head>
<body>

    <!--<div class="blank40"></div>-->
    <div class="header ">
        <div class="h-content">
            <div class="logo">
                <!--<img src="./images/logo.png" alt="">-->
            </div>

            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li class="nav-product">
                        <a href="#">产品系列</a>
                        <span class="trangle"></span>
                    </li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">新闻资讯</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">APP下载</a></li>
                    <li class="tmall"><a href="#">天猫</a></li>
                </ul>

            </div>
            <div class="child-nav">
                <ul>
                    <li>
                        <span class="title"></span>
                        <img src='./images/nav_pro_1.png' class="product-img" />
                        <span class="type">760T套装系列</span>
                    </li>
                    <li>
                        <span class="title">KKC基础牙刷</span>
                        <img src='./images/nav_pro_2.png' class="product-img" />
                        <span class="type">660系列</span>
                    </li>
                    <li>
                        <span class="title"></span>
                        <img src='./images/nav_pro_3.png' class="product-img" />
                        <span class="type">720系列</span>
                    </li>
                    <li>
                        <span class="title">smart系列</span>
                        <img src='./images/nav_pro_4.png' class="product-img" />
                        <span class="type">591系列</span>
                    </li>
                    <li>
                        <span class="title">KKC KIDS</span>
                        <img src='./images/nav_pro_5.png' class="product-img" />
                        <span class="type">F11H海尔兄弟定制款</span>
                    </li>
                </ul>
            </div>
            <script>
                var nav_handle= null;

                function nav_product_show(){

                    clearTimeout( nav_handle );
                    $('.header').addClass('product-show');

                }

                function nav_product_hide(){

                    clearTimeout( nav_handle );
                    nav_handle = setTimeout(function(){
                        $('.header').removeClass('product-show');
                    },200);

                }

                $('.child-nav,.nav-product').hover(function(){
                    nav_product_show();
                },function(){
                    nav_product_hide();
                });
            </script>
        </div>

    </div>


    <div class="kkc-content home-layer detail-720_01">
        <img src="./images/720/720_01.png" alt="" >
        <div class="text_all">
            <div class="txt_1 wow fadeInUp">KKC声波电动牙刷720系列</div>
            <div class="txt_2 wow fadeInUp">
                给你武装到牙齿的保护
            </div>
            <div class="txt_3 wow fadeInUp">
                <a class=" more-button wow fadeInUp">抗菌刷丝</a>
                <a class=" more-button wow fadeInUp">9挡护齿</a>

            </div>
            <div class="txt_3 wow fadeInUp">
                <a class=" more-button wow fadeInUp">降噪设计</a>
                <a class=" more-button wow fadeInUp">7级防水</a>
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-720_02">
        <img src="./images/720/720_02.png" alt="" >
        <div class="text_all">
            <div class="txt_1 wow fadeInUp">从未有过的洁齿体验</div>
            <div class="txt_2 wow fadeInUp">
                38000次/分钟刷头震动， 风暴般抗击深层牙菌斑
            </div>
            <div class="txt_3 wow fadeInUp">
                高效能磁悬浮电动马达，给牙齿带来强劲清洁效果
            </div>

        </div>
    </div>

    <div class="kkc-content home-layer detail-720_03">
        <img src="./images/720/720_03.png" alt="" >
        <div class="text_all">
            <div class="txt_1 wow fadeInUp">9挡护齿&nbsp;&nbsp;包揽您的口腔健康</div>
            <div class="txt_2 wow fadeInUp">
                柔和，清洁，亮白，护龈，敏感5种清洁模式+4种组合模式，更专业的洁齿方案
            </div>

        </div>
    </div>

    <div class="kkc-content home-layer detail-720_04">
        <img src="./images/720/720_04.png" alt="" >
        <div class="text_a">
            <div class="txt_1 wow fadeInUp">德国BASF抗菌细软刷毛</div>
            <div class="txt_2 wow fadeInUp">
                刷头经SGS检测，抗菌率大于99%
            </div>
        </div>

        <div class="text_b wow fadeInUp">
            提醒型刷丝，顶部磨圆
        </div>
    </div>

    <div class="kkc-content home-layer detail-720_05">
        <img src="./images/720/720_05.png" alt="" >
        <div class="text_all">
            <div class="txt_1 txt-title wow fadeInUp">新机自适应</div>
            <div class="txt_2 wow fadeInUp">
                美白模式14次逐渐增强设计，新手也不怕震感过强
            </div>
        </div>

    </div>

    <div class="kkc-content home-layer detail-720_06">
        <img src="./images/720/720_06.png" alt="" >
        <div class="text_all txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">低震手感，降噪设计</div>
            <div class="txt_2 wow fadeInUp">
                采用升级K++声波恒定洁齿系统
            </div>
            <div class="txt_3 wow fadeInUp">
                自主降噪设计，刷牙也可以很静音
            </div>
        </div>

    </div>




    <div class="footer">
        <div class="qrcode">

            <div class="title">关注我们</div>

            <div class="weibo">
                <img src="./images/weibo.png" alt="" class="weibo">
                <span class="name">官方微博</span>
            </div>

            <div class="wechat">
                <img src="./images/wechat.png" alt="" class="wechat">
                <span class="name">官方微信</span>
            </div>

        </div>

        <div class="copyright">

            <div class="language">
                <span class="Chinese">中文</span>
                <span>|</span>
                <span class="English">English</span>
            </div>
            <div class="company">©2019 海尔信息科技（深圳）有限公司  版权所有 鲁ICP备16076508号-1 </div>
        </div>
    </div>


    <script>

        //动画
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();

    </script>
</body>
</html>